//# 引入插件
var gulp    = require('gulp');
var less  = require('gulp-less');
var concat = require('gulp-concat');
var minifycss = require('gulp-minify-css');
var rename = require('gulp-rename');
var watch  = require('gulp-watch');


//# 定义一个编译less文件的任务
gulp.task('lessback', function () {
    gulp.src('src/less/*.less')
        .pipe(less())
        .pipe(gulp.dest('dist/css'));
});


//# 定义一个监控less文件变化的任务
gulp.task('back', function () {
    gulp.watch('src/less/*.less', ['lessback']);
}); 


//# 合并、压缩、重命名css
gulp.task('concatBackCss', function() {
  return gulp.src('dist/css/*.css')
    .pipe(concat('main.css'))
    .pipe(gulp.dest('dist/index'))
    .pipe(rename({ suffix: '.min' }))
    .pipe(minifycss())
    .pipe(gulp.dest('dist/index'));
});


//#定义监控css文件变化的任务
//#从而上面定义的执行合并，压缩任务
gulp.task('concatBack', function () {
    gulp.watch('dist/css/*.css', ['concatBackCss']);
}); 

//定义默认任务
//（less编译，css合并、压缩）
gulp.task('wangjie', ['back', 'concatBack']);